
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Student</title>
    <link rel="icon" type="image/ico" href="<?php echo base_url();?>external/resources/images/favicon.ico" />
    <link rel="shortcut icon" href="<?php echo base_url();?>external/resources/images/favicon.ico" />


    <link href="<?php echo base_url();?>external/js/external/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>external/js/external/bootstrap/css/sticky-footer-navbar.css" rel="stylesheet" />
  

    <link href="<?php echo base_url();?>external/css/default.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>external/css/bootstraphack.css" rel="stylesheet" />
    


</head>
<body onload="fillData(<?php echo $student_id?>)">
    <div id="wrap">

      <!-- Fixed navbar -->
      <div class="navbar navbar-default" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <img src="<?php echo base_url();?>external/resources/images/Tagger%20logo_144x144px.png" class="left pull-left" />
            
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="<?php echo base_url().'search';?>" >Search</a></li>   
			  <?php
				if($this->session->userdata('userlevel')!=null){
					if($this->session->userdata('userlevel')=='1'){
						echo"<li><a href=\"".base_url()."add\"></a></li>";
					}
				}
			  ?>	  
              <li><a href="<?php echo base_url().'login/logout';?>">Log Out</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>

      <!-- Begin page content -->
      <div class="container">
        <div class="page-header">
          <h1>Student Information</h1>
          <p class="lead">All fields are required.</p> 
		      <div id="Message"></div>		  
        </div>
        <div>

            <input type="hidden" id="hiddenStudentID">			
            <div class="row-fluid">
                <form role="form">
                  <div class="form-group">
                    <label for="lastName">Last Name</label>
                    <input type="text" class="form-control input-width-md" id="textStudentLastName" placeholder="" required autofocus/>
                  </div>
                  <div class="form-group">
                    <label for="firstName">First Name</label>
                    <input type="text" class="form-control input-width-md" id="textStudentFirstName" placeholder="" required/>
                  </div>
                  <div class="form-group">
                    <label for="middleName">Middle Name</label>
                    <input type="text" class="form-control input-width-md" id="textStudentMiddleName" placeholder="" required/>
                  </div>
                  <div class="form-group">
                    <label for="address">Address</label>
                    <input type="text" class="form-control" id="textStudentAddress" placeholder="" required/>
                  </div>
                  <div class="form-group">
                    <label for="age">Age</label>
                    <input type="text" class="form-control input-width-sm" id="textStudentAge" placeholder="" required/>
                  </div>
                  <div class="form-group">
                    <label for="birthday">Birthday</label>
                    <input type="date" class="form-control input-width-sm" id="textStudentBirthday" placeholder="" required/>
                  </div>
                  <div class="form-group">
                    <label for="selectYearLevel">Year Level</label>
                    <div>
                        <select id="selectYearLevel" class="form-control input-width-sm" required/>
                            <option>Senior</option>
              							<option>Sophomore</option>
              							<option>Junior</option>
              							<option>Freshman</option>
              							<option>7th Grade</option>
              							<option>6th Grade</option>
              							<option>5th Grade</option>
              							<option>4th Grade</option>
              							<option>3rd Grade</option>
              							<option>2nd Grade</option>
              							<option>1st Grade</option>
              							<option>Preparatory</option>
              							<option>Kindergarten</option>
              							<option>Nursery</option>
                         </select>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="selectSchoolYear">School Year</label>
                    <div>
                        <select id="selectSchoolYear" class="form-control input-width-sm" required>
                            <option>2014-2015</option>
                            <option>2013-2014</option>
              							<option>2012-2013</option>
              							<option>2011-2012</option>
              							<option>2010-2011</option>
              							<option>2009-2010</option>
              							<option>2008-2009</option>
              							<option>2007-2006</option>
              							<option>2006-2005</option>							
                         </select>
                    </div>
                  </div> 
                  <div class="form-group">
                    <label for="selectGender">Gender</label>
                    <div>
                        <select id="selectGender" class="form-control input-width-sm" required>   
                            <option value="Male">Male</option>
                            <option value="Female">Female</option>
                         </select>
                   </div>

                  </div>  
                  <div class="form-group">
                    
                    <div><label for="exampleInputFile">QR Code Image</label></div>
                    <div class="col-md-12">
                        <div class="pull-left">
                            <img id="imageQR" src="external/resources/images/171x180.png" style="padding-right:10px;" />
                        </div>
                       
                    </div>
                  </div>  
                
                <div>&nbsp;</div>
                  <div class="row">
                      <div class="col-md-6">
                          <div>
                              <button id="buttonSubmit" type="button" class="btn btn-primary">Update</button>
                              <button id="buttonReset" type="button" class="btn btn-primary">Reset</button>
                          </div>
                      </div> 
                  </div>  
                </form>                                                              
            </div>
        </div>

      </div>
    </div>
    <!-- Begin page content -->
    <div id="footer">
      <div class="container">
        <p class="text-muted"></p>
      </div>
    </div>

    <script type="text/javascript" src="<?php echo base_url();?>external/js/external/utilities/jquery.2.1.1.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>external/js/external/json2.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>external/js/external/bootstrap/js/bootstrap.min.js"></script>
    
    <script type="text/javascript" src="<?php echo base_url();?>external/js/ajaxfunctions/ajaxfunctions.js"></script>	
	  <script type="text/javascript" src="<?php echo base_url();?>external/js/ajaxfunctions/student.js"></script>

    <script type="text/javascript">
        jQuery.noConflict();
    </script>

</body>
</html>
